.cdbRecord .title{
    height: 22%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
}

.cdbRecord .title .record-icon{
    position: absolute;
    width: 20%;
    left: 6%;
    top: 25%;
}

.cdbRecord .title .user-money{
    width: 50%;
    position: absolute;
    left: 30%;
    top: 25%;
    font-size: 1em;
    line-height: 1em;
}

.cdbRecord .title .user-money img{
    width: 15%;
}

.cdbRecord .record-history{
    /*width: 100%;*/
    /*height: 78%;*/
    /*top: 22%;*/
    /*left: 0px;*/
    /*position: absolute;*/
    background-color: #E4E4E4;
    position: relative;

}

.cdbRecord .record-history .record-data{
    width: 95%;
    position: relative;
    left: 2.5%;
    background-color: #FFFFFF;
    border-radius: 0.5em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.cdbRecord .record-history .record-data .record-message{
    width: 100%;
    height: 4em;
    border-radius: 0.5em 0.5em 0em 0em;
    padding-top: 2em;
    padding-bottom: 2em;
    font-size: 1em;
}

.cdbRecord .record-history .record-data .record-message .message{
    width: 60%;
    left: 12%;
    position: absolute;
}

.cdbRecord .record-history .record-data .record-message .message .left-font{
    position: absolute;
    left: 0px;
    text-align: right;
    width: 50%;
}

.cdbRecord .record-history .record-data .record-message .message .right-font{
    position: absolute;
    left: 52%;
    width: 50%;
}

.cdbRecord .record-history .record-data .record-message .type-icon{
    position: absolute;
    top: 5%;
    right: 5%;
    width: 12%;
}

.cdbRecord .record-history .record-data .shop-message{
    height: 2.5em;
    width: 100%;
    background-color: #00C4C3;
    border-radius: 0em 0em 0.5em 0.5em;
    position: relative;
    line-height: 2.5em;
}

.cdbRecord .record-history .record-data .shop-message .shop-icon{
    position: absolute;
    width: 18%;
    top:-60%;
    left: 3%;
}

.cdbRecord .record-history .record-data .shop-message .time{
    position: relative;
    left: 25%;
    font-size: 0.8em;
    color: #FFFFFF;
}

.cdbRecord .record-history .record-data .shop-message .over-time-money{
    position: relative;
    left: 30%;
    font-size: 0.8em;
}



#wrapper {
    position: absolute;
    z-index: 1;
    /*top: 0px;*/
    height: 78%;
    bottom: 0px;
    left: 0;
    width: 100%;
    background: #fff;
    overflow: hidden;
    top: 22%;

}

#scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    /*height: 110%;*/
    background-color: #E4E4E4;
    text-align: center;
}

#scroller-pullDown,#scroller-pullUp {
    background: #E4E4E4;
    height: 6em;
    line-height: 6em;
    padding: 0px 0px 0px 0px;
    /*border-bottom: 1px solid #ccc;*/
    font-weight: bold;
    font-size: 14px;
    color: #888;
    text-align:center;
    position:absolute;
    left:0px;
    width:100%;
}
#scroller-pullDown{
    top:-5em;
}
#scroller-pullUp{
    bottom:-5em;
}

#scroller-pullDown .pull-up-msg,#scroller-pullUp .pull-down-msg {
    /*padding-left:20px;*/
}

/*#scroller-pullDown .pull-down-icon,#scroller-pullUp .pull-up-icon{*/
    /*display:inline-block;*/
    /*color:#f00;*/
    /*font-size:1.4em;*/
    /*-webkit-transform:rotate(0deg);*/
    /*-webkit-transition-property: -webkit-transform;*/
    /*-webkit-transition-duration: 500ms;*/
/*}*/
/*#scroller-pullDown .pull-down-icon.reverse_icon,#scroller-pullUp .pull-up-icon.reverse_icon{*/
    /*-webkit-transform: rotate(-180deg);*/
/*}*/
#scroller ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
}

/*#scroller li {*/
    /*/!*padding: 0 10px;*!/*/
    /*/!*height: 40px;*!/*/
    /*/!*line-height: 40px;*!/*/
    /*/!*border-bottom: 1px solid #ccc;*!/*/
    /*/!*border-top: 1px solid #fff;*!/*/
    /*/!*background-color: #fafafa;*!/*/
    /*/!*font-size: 14px;*!/*/
/*}*/